<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
  <!--禁止百度转码-->
  <meta http-equiv="Cache-Control" content="no-siteapp">
  <meta http-equiv="Cache-Control" content="no-transform">
  <title>关于我们</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link rel="stylesheet" href="/static/web/css/bootstrap.min.css">
  <link rel="stylesheet" href="/static/web/css/style.css">
  <script src="/static/web/js/jquery.min.js"></script>
  <!-- <link rel="stylesheet" href="/static/common/css/bootstrap.min.css"> -->
  <link rel="stylesheet" type="text/css" href="/static/index/css/component.css">
  <link rel="stylesheet" type="text/css" href="/static/index/css/style.css">
  <!-- <script src="/static/index/js/jquery/jquery-1.4.4.min.js"></script> -->
  <script type="text/javascript" src="/static/index/js/jquery.reveal.js"></script>
  <script type="text/javascript" src="/static/index/js/L_slide.js"></script>
  <!-- <link rel="stylesheet" href="/static/web/css/bootstrap.min.css">
  <link rel="stylesheet" href="/static/web/css/style.css"> -->
  <style>
    .nav .left {
    padding-top: 0px;
  }
  .huaguo a:hover li{
    background: #09d3e7;
  }
  .shouge {
    margin-left: 120px;
  }
  .topleft img{
      padding-left: 120px;
    }

  .topright img{
    padding-right: 120px;
  }

  .reveal-modal-bg {
      position: fixed;
      height: 100%;
      width: 100%;
      z-index: 100;
      display: none;
      top: 0;
      left: 0;
      background: rgba(00, 00, 00, 0.8)
    }

    .reveal-modal {
      visibility: hidden;
      top: 150px;
      left: 40%;
      margin-left: -300px;
      width: 985px;
      position: absolute;
      z-index: 101;
      padding: 30px 40px 34px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
      -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
      background-color: #FFF;
    }

    .reveal-modal.small {
      width: 200px;
      margin-left: -140px;
    }

    .reveal-modal.medium {
      width: 400px;
      margin-left: -240px;
    }

    .reveal-modal.large {
      width: 600px;
      margin-left: -340px;
    }

    .reveal-modal.xlarge {
      width: 800px;
      margin-left: -440px;
    }

    .reveal-modal .close-reveal-modal {
      font-size: 22px;
      line-height: 0.5;
      position: absolute;
      top: 8px;
      right: 11px;
      color: #333;
      text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
      font-weight: bold;
      cursor: pointer;
    }

    .box{
      position:relative;
    }

    .guding{
      position:absolute;
      left: 285px;
      top: 0px;
    }


    ul {list-style:none;}
    .wrap {width:1440px;height:524px;position:relative;overflow:hidden;float:left;}
    .slidebox {width:1440px;position:absolute;top:0;left:0;height:524px;}
    .slidebox li {float:left;width:1440px;height:524px;left:0;top:0;}
    .slidebox li img {display:block;width:1440px;height:524px;}
    .dot {position:absolute;width:100%;height:30px;background:rgba(0,0,0,0.3);text-align:right;bottom:0;left:0;}
    .dot p {margin-right:10px;}
    .dot b {width:17px;height:17px;border-radius:20px;color:#333;display:inline-block;border:1px solid #fff;background:#fff;text-align:center;line-height:17px;margin:0 3px;margin-top:6px;cursor:pointer;font-weight:normal;}
    .dot .cur {background:#F63;color:#fff;border:1px solid #f63;}
    .wrap{margin-bottom:30px;}

    .xiangdui{
      position: relative;
      left: -150px;
      bottom: -60px;
      color: #FFF;
      font-size: 24px;
    }

    .banner{
      width: 100%;
      height: 180px;
    }
    
    .wrap{
      width: 100%;
      height: 180px;
    }

    .slidebox{
      width: 100%;
      height: 180px;
    }

    .slidebox li{
      width: 100%;
      height: 180px;
    }
  
    .slidebox li img{
      width: 100%;
      height: 180px;
    }

    .content p{
      text-indent: 0em;
    }

    .remen{
      width:100%;
    }

    .remen img{
      width:100%;
    }

    .doahamngl{
      width:100%;
    }

    #div1{
      width:100%;
    }

    .dujiacontact{
      width: 100%;
    }
    .xiangdui{
      position: relative;
      left: 18px;
      bottom: 46px;
    }

    .main-page .nav div{
      width: 113px;
    }

    .main-page .nav{
      width: 50px;
    }

    .clearfix li{
      width:300px;
    }

    .jiuedudingw{
      width: 300px;
    }

    #biaodan{
      width: 382px;
    }

    #anniu{
      width: 400px;
    }

    .biaodian{
      margin-left: 35px;
    }

    .left{
      float: left;
    }

    .right{
      float: right;
    }

    .clear{
      clear: both;
    }

    .remen img{
      width: 50%;
    }
  </style>
  <script type="text/javascript">
    $(function(){  
      //affect:4
      $(".af4").slide({
        affect:4,
        time:3000,
        speed:400,
      });
    })
    </script>
<!-- <script type="text/javascript">
  window.onload = function () {
    var odiv = document.getElementById('div1');
    var oul = odiv.getElementsByTagName('ul')[0];
    var ali = oul.getElementsByTagName('li');
    var spa = -2;
    oul.innerHTML = oul.innerHTML + oul.innerHTML;
    oul.style.width = ali[0].offsetWidth * ali.length + 'px';

    function move() {
      if (oul.offsetLeft < -oul.offsetWidth / 2) {
        oul.style.left = '0';
      }
      if (oul.offsetLeft > 0) {
        oul.style.left = -oul.offsetWidth / 2 + 'px'
      }
      oul.style.left = oul.offsetLeft + spa + 'px';
    }
    var timer = setInterval(move, 30)

    odiv.onmousemove = function () {
      clearInterval(timer);
    }
    odiv.onmouseout = function () {
      timer = setInterval(move, 30)
    };
    document.getElementsByTagName('a')[0].onclick = function () {
      spa = -2;
    }
    document.getElementsByTagName('a')[1].onclick = function () {
      spa = 2;
    }
  }
</script> -->
<body style="">
  <!--手机导航-->
  {include file="public/header" /}

  <div class="gtrt5h2"></div>
  <div class="bodyy">
    <!--境外劳务-->
    <div class="container" aos="fade-down">
      <div aos="fade-down" class="dqwaz"> <i class="fa fa-home wz dqwz"></i>当前位置:<a href="###">主页</a> &gt; <a href="###">首页</a>
        &gt; </div>
      <div class="content" aos="fade-down">
        <p aos="fade-down"> </p>
        <div class="banner">
          <div class="wrap af4">
            <ul class="slidebox">
              <li><a href="#"><img src="/static/index/img/banner1.jpg" /></a></li>
              <li><a href="#"><img src="/static/index/img/banner2.jpg" /></a></li>
            </ul>
          </div>
        </div>
        <div class="remen">
          <div>
            <img style="width:100%;"  src="/static/index/img/rmcs.png" alt="">
          </div>
          <div class="remngimg">
            <ul>
              {foreach $city as $vo}
              <li class="left" style="width:85px;height: 100px; margin-left: 12px;margin-bottom: 10px;">
                <img src="{$vo.pic|getUrl}" style="width:100%;height: 66px;"/>
                <div></div>
                <div style="text-align:left;margin-top: 10px;">
                  <span style="font-size:12px;"  class="dingx">{$vo.name}</span>
                </div>
              </li>
              {/foreach}
            </ul>
          </div>
        </div>
        <div class="dujia">
          <div>
            <img style="margin-top:20px;margin-bottom:50px;" src="/static/index/img/ddd.png" alt="">
          </div>
          <div class="dujiacontact">
            <ul>
              <li class="left">
                <a href="{:url('host/index')}"><img  width="100%" src="/static/index/img/2.png" alt=""></a>
                <span style="margin-left:10px;" class="xiangdui">
                  {notempty name="$sole.0.name"}{$sole.0.name}{/notempty}
                </span>
              </li>
              <li class="left">
                <a href="{:url('host/index')}"><img width="100%" style="margin-left:40px;" src="/static/index/img/2.png" alt=""></a>
                <span style="margin-left:40px;" class="xiangdui">
                  {notempty name="$sole.1.name"}{$sole.1.name}{/notempty}
                </span>
              </li>
              <li class="left">
                <a href="{:url('host/index')}"><img width="100%" style="margin-left:80px;" src="/static/index/img/geduo.png" alt=""></a>
              </li>
              <div class="clear"></div>
            </ul>
          </div>
        </div>

        <!-- 国内热门工作 -->
        <!-- <div class="renmenjob">
            <div>
              <img src="/static/index/img/gnnn.png" alt="">
            </div>
            <div class="neirong">
              <div class="xiaoren">
                <img src="/static/index/img/xiaoren.jpg" alt="">
              </div>
              <div class="lanxian"></div>
              
              <div class="main-page main-page-one">
                <div class="left">
                  <div class="nav-back"></div>
                  <div class="nav navone">
                    {foreach $navOne as $vo}
                    <div>{$vo.name}</div>
                    {/foreach}
                  </div>
                </div>
                <div class="right">
                  <div class="content">
                    {foreach $workInt as $vo}
                    <div class="con-ggh">
                      <div class="zcinfo fl">
                        <ul class="clearfix">
    
                          {foreach $vo.work as $v}
                          <li>
                            <div class="list-pic">
                              <a href="{:url('workitem/index',['wid'=>$v.id])}">
                                <img alt="" width="300" height="150" src="{$v.attachment|getUrl}" />
                              </a>
                              <div class="jiuedudingw">
                                <span>{$v.name}</span>
                                <span>{$v.salary}</span>
                              </div>
                            </div>
                          </li>
                          {/foreach}
                        </ul>
                      </div>
                    </div>
                    {/foreach}
    
                  </div>
                </div>
                <div class="clear"></div>
              </div>
            </div>
          </div> -->
        

          <div style="margin-top:50px;margin-bottom: 30px;" class="renmenjob">
              <div style="margin-bottom: 30px;">
                <img src="/static/index/img/gwww.png" alt="">
              </div>
            <div class="neirong">
              <div class="xiaoren">
                <img src="/static/index/img/xiaoren.jpg" alt="">
              </div>
              <div class="lanxian"></div>
              <!-- 国外热门工作 -->
              <div class="main-page main-page-two">
                <div class="left">
                  <div class="nav-back"></div>
                  <div class="nav navtwo">
                    {foreach $navTwo as $vo}
                    <div>{$vo.name}</div>
                    {/foreach}
                  </div>
                </div>
                <div class="right">
                  <div class="content">
                    {foreach $workOut as $vo}
                    <div class="con-ggh">
                      <div class="zcinfo fl">
                        <ul class="clearfix">
    
                          {foreach $vo.work as $v}
                          <li style="width:100%;">
                            <div class="list-pic">
                              <a href="{:url('workitem/index',['wid'=>$v.id])}">
                                <img alt="" style="width:100%;" src="{$v.attachment|getUrl}" />
                              </a>
                              <div  style="width:88%;" class="jiuedudingw">
                                <span>{$v.name}</span>
                                <span>{$v.salary}</span>
                              </div>
                            </div>
                          </li>
                          {/foreach}
       
                        </ul>
                      </div>
                    </div>
                    {/foreach}
    
                  </div>
                </div>
                <div class="clear"></div>
              </div>
            </div>
          </div>

          <div class="lijibaoming" style="height:810px;background:#F1F2F6;">
            <div class="biaodian">
              <img src="/static/index/img/lll.png" alt="">
            </div>
    
            <form name="form1" method="post" id="form_ajax" onsubmit="return false;">
                <ul>
                  <li >
                    <input id="biaodan" type="text" name="name" placeholder="请输入用户名" class="nameaaa"  />    
                    <input id="biaodan" type="text" name="tel" placeholder="请输入你手机号" class="telaaa"/>
                  </li>
                  <li>
                    <input id="biaodan" type="text" name="email" placeholder="请输入你的邮箱"/>
                    <input id="biaodan" type="text" name="address" placeholder="所在地"/>
                  </li>
                  <li>
                    <input id="biaodan" type="text" name="state" placeholder="目标国家"/>
                  
                    <input id="biaodan" type="text" name="salary" placeholder="期望薪资"/>
                  </li>
                </ul>
                  <button id="anniu" type="submit" onclick="submitForm()" class="anniuyang">提交报名材料</button>
              </form>
          </div>


          <div class="remen">
            <div>
              <img  style="width:100%;" src="/static/index/img/ccc.png" alt="">
            </div>
            <div class="news_nrt">
              <ul class="news">
                {foreach $cgzz as $vo}
                <li style="margin-top:5px;"><a href="{:url('NewFind/index',['art_id'=>$vo.id])}">
                  <img class="left" src="{$vo.pic|getUrl}"></a>
                  <div style="width:49%;" class="newlisd right">
                    <p class="titlene"><a href="{:url('NewFind/index',['art_id'=>$vo.id])}">{$vo.title}</a></p>
                    <p class="time2c">{$vo.create_time|date="Y-m-d H:i:s"}</p>
                    <p class="newnre"> <a href="{:url('NewFind/index',['art_id'=>$vo.id])}">
                      <?php echo mb_substr($vo['desc'],0,32); if(mb_strlen($vo['desc'])>32){echo '...';};?>
                    </p>
                  </div>
                  <div class="clearfix"></div>
                </li>
                {/foreach}
              </ul>
    
              <ul class="pagelist clear">
    
              </ul>
            </div>
          </div>
      
      </div>
    </div>
  </div>

  {include file="public/footer" /}
  <script src="/static/web/js/bootstrap.min.js"></script>
  <script src="/static/web/js/wap-nav.js"></script>
  <script src="/static/common/layer/layer.js"></script>
  <script>
    $('.navone div:first').addClass('on');
    $('.navtwo div:first').addClass('on');
  </script>
  <script type="text/javascript">
    $(".main-page-one .navone div").mouseenter(function () {
      var $this = $(this);
      var index = $this.index();
    }).mouseleave(function () {
      var $this = $(this);
      var index = $this.index();
    }).click(function () {
      var $this = $(this);
      var index = $this.index();
      var l = -(index * 800);
      $(".main-page-one .navone div").removeClass("on");
      $(".main-page-one .navone div").eq(index).addClass("on");
      $(".main-page-one .content .con-ggh:eq(0)").stop().animate({
        "margin-top": l
      }, 500);
    });
  </script>
  <script type="text/javascript">
    $(".main-page-two .navtwo div").mouseenter(function () {
      var $this = $(this);
      var index = $this.index();
    }).mouseleave(function () {
      var $this = $(this);
      var index = $this.index();
    }).click(function () {
      var $this = $(this);
      var index = $this.index();
      var l = -(index * 800);
      $(".main-page-two .navtwo div").removeClass("on");
      $(".main-page-two .navtwo div").eq(index).addClass("on");
      $(".main-page-two .content .con-ggh:eq(0)").stop().animate({
        "margin-top": l
      }, 500);
    });
  </script>
    <script>  
    function submitForm(){
      var formData = $('#form_ajax').serialize();
      var name = $('.nameaaa').val();
      var tel = $('.telaaa').val();
      if(name == ''){
        layer.alert('姓名不能为空', {icon: 5});
      } else if(tel == '') {
        layer.alert('电话不能为空', {icon: 5});
      } else {
        $.ajax({
          url:"{:url('admin/user/add')}",
          type:"post",
          data:formData,
          success:function(data){
            if(data.code == 1){
              layer.alert(data.msg, {icon: 6});
              $("form")[0].reset();
            }else{
              layer.alert(data.msg, {icon: 5});
            }
          }
        })
      }
    }
  </script>
  <script>
    var dian = document.getElementById("dianji");
    setTimeout(function(){
        dian.click();
    },100);
  </script>
</body>

</html>